<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>轮播图</title>
		<link rel="stylesheet" type="text/css" href="css/carousel.css"/>
	</head>
	<body>
		<div id="carousel">
			<!--图片区-->
			<ul class="carousel-main">
				<li>
					<a href="#">
						<img src="img/5b4f2f8eNc3028c04.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/5b4fe7faN7fd70656.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/5b4f6dc7Nbbf50240.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/5b50167dN1430a24e.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/5b4fe922N2ea47f99.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/5b4f3addN4034c2f6.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/5b4f3293Na6a0071e.jpg" alt="" />
					</a>
				</li>
			</ul>
			<!--导航区-->
			<ol class="carousel-nav">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ol>
			<!--左右箭头-->
			<div class="carousel-left"></div>
			<div class="carousel-right"></div>
		</div>
	</body>
	<script src="js/carousel.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		//入口函数
		var carousel = new Carousel();
	</script>
</html>
